<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Titanium</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="Caracole" />
    <title>Titanium</title>

    <link rel="stylesheet" type="text/css" href="../css_titan/icons.css"/>
<link rel="stylesheet" type="text/css" href="../css_titan/layout.css"/>
<link rel="stylesheet" type="text/css" href="../css_titan/tripoli.simple.css"/>

    <script type="text/javascript">
        //<![CDATA[
        document.write('<link rel="stylesheet" type="text/css" href="css/js/js.css" media="screen, projection, print" />');
        //]]>
	</script>
    <!--[if IE]>
		<link rel="stylesheet" type="text/css" href="css/ie/ie.css" media="screen, projection, print" />
	<![endif]-->
    <!--[if lt IE 7]>
	<script src="js/DD_belatedPNG_0.0.7a-min.js" type="text/javascript"></script>
	<script>
		DD_belatedPNG.fix(' #header, h1, h1 a, .close, .field,.paginate .current, .icon, .required-icon, .search input');
	</script>
	<link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen, projection"/>
	<![endif]-->
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>

<body>

    <!-- Header -->
    <div id="header">
        <div class="container content">
            <h1><a href="../index.asp" title="Back to home">Titanium</a></h1>
            <a href="file:///C|/inetpub/wwwroot/www.pixelastic.com/index.htm" target="_blank" class="viewWebsite"><span>View website</span></a>
            <div class="loginInfos">You're logged in as <strong>Admin</strong>. <a href="#" title="Thông tin tài khoản">Thông tin tài khoản</a>, or <a href="#" title="Đăng xuất">Đăng xuất</a> </div>
        </div>
    </div>
    <!-- /Header -->

    <!-- Global -->
    <div id="page-content">
        <div class="container content">
            <!-- Sidebar -->
            <div id="sidebar" class="bImg">
                <div class="bInner">
                    <span class="bTR"></span><span class="bBL"></span>
                    <ul id="side-nav">
                        <li class="active">
                            <a href="#" title="Posts" class="button">
                                <strong>
                                    <img src="../img/icons/newspaper_48.png" alt="comments" class="icon " />
                                    <span class="title">Tin Tức</span>
                                    <span class="expand expanded"></span>
                                </strong>
                            </a>
                            <ul>
                                <li><a href="../admin/ThemTinTuc.asp" title="Thêm Tin Tức">Thêm Tin Tức</a></li>
                                <li class="active"><a href="#" title="Chỉnh Sửa">Chỉnh Sửa</a></li>
                                <li><a href="#" title="Hiển Thị">Hiển Thị</a></li>
                            </ul>
                        </li>
                        
                        
                        <li class="inactive">
                            <a href="#" title="Pages" class="button">
                                <strong>
                                    <img src="../img/account-icon-64.png" alt="comments" class="icon " />
                                    <span class="title">Tài khoản</span>
                                    <span class="expand"></span>
                                </strong>
                            </a>
                            <ul>
                                <li><a href="#" title="Thêm Tài Khoản">Thêm Tài Khoản</a></li>
                                <li><a href="#" title="Chỉnh Sửa">Chỉnh Sửa</a></li>
                                <li><a href="#" title="Hiển Thị">Hiển Thị</a></li>
                            </ul>
                        </li>
                        <li class="inactive">
                            <a href="#" title="Pages" class="button">
                                <strong>
                                    <img src="../img/icons/spanner_48.png" alt="comments" class="icon " />
                                    <span class="title">Sản Phẩm</span>
                                    <span class="expand"></span>
                                </strong>
                            </a>
                            <ul>
                                <li><a href="#" title="Thêm Sản Phẩm">Thêm Sản Phẩm</a></li>
                                <li class="active"><a href="#" title="Chỉnh Sửa">Chỉnh Sửa</a></li>
                                <li><a href="#" title="Hiển Thị">Hiển Thị</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- /Sidebar -->


            <!-- Content -->
            <div id="content" class="roundedBorders">
                <!-- Title -->
                <div id="title" class="b2">
                    <h2>Chỉnh Sửa</h2>
                    <!-- TitleActions -->
                    <div id="titleActions">
                        <!-- ListSearch -->
                        <div class="listSearch actionBlock">
                            <div class="search">
                                <label for="search">Recherche</label>
                                <input type="text" name="search" id="search" class="text" />
                            </div>
                            <div class="submit">
                                <button type="submit" id="search-button" class="button"><strong>
                                    <img src="../img/icons/search_48.png" alt="comments" class="icon " /></strong></button>
                            </div>
                        </div>
                        <!-- /ListSearch -->
                        <!-- newPost -->
                        <div class="newPost actionBlock">
                            <a href="#" class="button"><strong>Add<img src="../img/icons/add_48.png" alt="new post" class="icon " /></strong></a>
                        </div>
                        <!-- /newPost -->
                    </div>
                    <!-- /TitleActions -->
                </div>
                <!-- Title -->

                <!-- Toolbar actions -->
                
                <!-- / Toolbar actions -->


                <!-- Inner Content -->
				<!-- TemplateBeginEditable name="titanium" -->
                
                titanium
				
				<!-- TemplateEndEditable -->
                
                <!-- /Inner Content -->
                <div class="bBottom">
                    <div></div>
                </div>
            </div>
            <!-- /Content -->

            <!-- Dialog boxes -->
            <div class="dialogs">
                <div id="welcome" title="Welcome to Titanium">
                    <div class="content">These dialog windows can be used to give hints to new users. </div>
                    <div class="bBottom">
                        <div></div>
                    </div>
                </div>


                <div id="features" title="Features List">
                    <div class="content">
                        <h4>Elements</h4>
                        <ul>
                            <li>Two types of buttons with active, inactive, and hover states</li>
                            <li>Table</li>
                            <li>Pagination</li>
                            <li>Search field</li>
                            <li>Tooltips</li>
                            <li>Modal dialogs</li>
                            <li>Tabs</li>
                            <li>Calendar</li>
                            <li>Success, Notice, and Error messages</li>
                            <li>Normal, required, and error text fields</li>
                        </ul>

                        <h4>Graphics</h4>
                        <ul>
                            <li>Pre-sliced photoshop file means you can quickly create a new skin with different colors</li>
                            <li>4 pre-existing color variants: blue, grey, orange, and green</li>
                        </ul>

                        <h4>Markup &amp; CSS</h4>

                        <ul>
                            <li>Uses CSS sprites which makes the page load faster by requiring only one http request</li>
                            <li>Transparent PNGs let you easily change the background colors (and even works in IE 6)</li>
                            <li>Standard compliant XHTML and CSS</li>
                            <li>Separate CSS files for easy theming</li>
                        </ul>

                        <h4>Javascript</h4>
                        <ul>
                            <li>Uses the lightweight Jquery javascript library with the Jquery UI extension</li>
                            <li>Dynamic expandable menu</li>
                            <li>Sortable items lists (<a href="file:///C|/inetpub/wwwroot/tablesorter.com/index.htm" title="Tablesorter">Tablesorter</a>)</li>
                            <li>Tooltips (<a href="file:///C|/inetpub/wwwroot/bassistance.de/jquery-plugins/jquery-plugin-tooltip/index.htm" title="Jquery tooltip">Jquery tooltip)</a></li>
                            <li>Modal dialogs (Jquery UI)</li>
                            <li>Tabs (Jquery UI)</li>
                        </ul>
                    </div>
                    <div class="bBottom">
                        <div></div>
                    </div>
                </div>
            </div>
            <!-- /Dialog boxes -->
        </div>
    </div>


    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="/js/jquery-ui-1.7.custom.min.js"></script>
    <script type="text/javascript" src="/js/jquery.bgiframe.min.js"></script>
    <script type="text/javascript" src="/js/jquery.dimensions.js"></script>
    <script type="text/javascript" src="/js/jquery.tooltip.min.js"></script>
    <script type="text/javascript" src="/js/jquery.tablesorter.min.js"></script>
    <script type="text/javascript" src="/js/titanium.js"></script>


</body>
</html>
